<template>
 <div class="body-box">
     <div class="body-inner-box">
      <div class="body-center-box">
          <img class="left-top-log" src="https://tyut-calendar.oss-accelerate.aliyuncs.com/newimg/school_day_logo_new.png" alt="">
             <router-view></router-view>
        </div>
    </div>
</div>
</template>

<script>
export default {
  name: "App",
  components: {},
};
</script>

<style>
* {
  margin: 0;
  padding: 0;
}
body{
        overflow: hidden;
}
.body-center-box{
position: absolute;
width: 1440px;
height: 100vh;
transform: translate(-50%,-50%);
left: 50%;
top:50%
}
.left-top-log{
    position: relative;
    left:20px;
    transform: scale(0.8);
}
.body-box{

    height: 100vh;
    background-size:100% 100%;
    background-image: url('https://tyut-calendar.oss-accelerate.aliyuncs.com/newimg/bg_new.jpg');
}
.body-inner-box{

    height: 100vh;
    background:linear-gradient(rgba(170,46,42,0.8),rgba(222,63,53,0.6),rgba(229,78,67,0.8),rgba(139,12,12,0.5)) 
}
a {
  color: black;
  text-decoration: none;
}
::-webkit-scrollbar {
  width: 2px;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  height: 3px;
}
::-webkit-scrollbar-track {
  height: 3px;
  max-height: 5px;
}
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
</style>
